Kyle Mo
2022-08-16什麼都想學的雜食性軟體工程師 🇹🇼
前陣子因為公司的 Web Infra Team 積極推廣在各個專案中整合 Lighthouse CI 來確保 Core Web Vitals 效能品質的監控，因此我花了一些時間為負責的產品專案整合這個功能，不過我在整合的過程中踩了無數個坑…🥲 雖然過程不太順遂，卻遇到許多有趣的挑戰，我認為非常值得記錄下來，也希望能夠幫助到對這個主題有興趣的人。
（為了避免洩漏公司的內部資訊，本文的畫面截圖有些會經過重製或是使用模擬畫面，還請讀者見諒。）
整合 Lighthouse CI 的目的是什麼？
在 LINE 台灣有一個專門制定前端共用標準規範與共用 library 的 Infra Team，這個組織的任務除了訂立統一的規範與開發共用的 Library 以外，將這些規範推廣到各個專案實踐也是 team member 的重要任務（每個 team member 通常都會隸屬另外的產品團隊，因此會負責推廣到該產品團隊中）。近期在推動的項目有 SonarQube 的程式碼品質檢測、共用 Eslint 規範、Renovate 自動更新專案使用的套件版本…等等，另外也搭
